<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<%@include file="/WEB-INF/views/common/bstrapComm.jsp"%>
<title>查询</title>
</head>
<body  ng-app="myapp" ng-controller="queryMoneyFlow" name="queryMoneyFlow" ng-init="research()">
	<jsp:include page="/WEB-INF/views/home/navbar.jsp"></jsp:include>
	<div class="container"  novalidate>
 			<div class="row">
 				<div class="alert alert-danger" role="alert" ng-show="msg">{{msg}}</div>
 			</div>
 			<div class="row" >
				<div class="col-md-2">
					<input type="text" class="form-control" ng-model="emp_code" placeholder="工号" />
				</div>
				<div class="col-md-2">
					<input type="text" class="form-control" ng-model="true_name" placeholder="用户名" />
				</div>
				<div class="col-md-2">
					<input type="text" class="form-control" ng-model="mobile"  placeholder="手机号"  />
				</div>
				<div class="col-md-2">
					<input type="text" class="form-control" ng-model="id_card"  placeholder="身份证"  />
				</div>
				<div class="col-md-3">
					<div class="input-group date form_date" data-date-format="yyyy-mm-dd" data-link-format="yyyy-mm-dd">
							<input class="form-control" ng-model="target_date" size="16" type="text" placeholder="工作日期" readonly> 
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-remove"></span>
							</span>
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
					</div>
				</div>
			</div>
 			<div class="row" style="margin-top:5px;margin-bottom:5px;">
					<div class="col-md-3">
						<div class="input-group date form_date" data-date-format="yyyy-mm-dd" data-link-format="yyyy-mm-dd">
								<input class="form-control" ng-model="start_time" size="16" type="text" placeholder="开始日期" readonly> 
								<span class="input-group-addon">
									<span class="glyphicon glyphicon-remove"></span>
								</span>
								<span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
								</span>
						</div>
					</div>
					<div class="col-md-3  col-md-offset-1">
						<div class="input-group date form_date" data-date-format="yyyy-mm-dd" data-link-format="yyyy-mm-dd">
								<input class="form-control" ng-model="end_time" size="16" type="text" placeholder="结束日期" readonly> 
								<span class="input-group-addon">
									<span class="glyphicon glyphicon-remove"></span>
								</span>
								<span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
								</span>
						</div>
					</div>
				<div class="col-md-2">
					<select class="form-control" ng-model="balance_status" ng-options="obj.balance_status as obj.label for obj in balance_status_list"></select>
				</div>
				<div class="col-md-3">			
					<input class="btn btn-default" type="button" value="查询" ng-click="research()" ng-disabled="queryEmployees.$invalid" novalidate>
				</div>
				</div>
 		<table class="table">
			<thead>
				<tr>
					<th>工号</th>
					<th>姓名</th>
					<th>手机号</th>
					<th>身份证号</th>
					<th>超市单数</th>
					<th>快递单数</th>
					<th>总单数</th>
					<th>运费收益</th>
					<th>每单提成</th>
					<th>总提成</th>
					<th>结算总额</th>
					<th>结算日</th>
					<th>结算时间</th>
					<th>结算方式</th>
					<th>结算状态</th>
 				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="balance_record in page.result">
					<td>{{balance_record.emp_code}}</td>
					<td>{{balance_record.true_name}}</td>
					<td>{{balance_record.mobile}}</td>
					<td>{{balance_record.id_card}}</td>
					<td>{{balance_record.order_num}}</td>
					<td>{{balance_record.express_num}}</td>
					<td>{{balance_record.num}}</td>
					<td>{{balance_record.delivery_fee}}</td>
					<td>{{balance_record.earn_per}}</td>
					<td>{{balance_record.total_fee * balance_record.num}}</td>
					<td>{{balance_record.total_fee}}</td>
					<td>{{balance_record.target_date}}</td>
					<td>{{balance_record.create_time}}</td>
					<td ng-show="{{balance_record.balance_type==0}}">自动结算</td>
					<td ng-show="{{balance_record.balance_type==1}}">手动结算</td>
					<td ng-show="{{balance_record.balance_status==0}}">未结算</td>
					<td ng-show="{{balance_record.balance_status==1}}">已结算</td>
				</tr>
			</tbody>
		</table>
		<uib-pagination  ng-change="pageChanged(page)" boundary-links="true" total-items="page.totalItems" ng-model="page.pageNo" items-per-page="page.pageSize"  class="pagination-sm pull-right" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></uib-pagination>
	</div>
	<div>
		
	</div>
	<script src="${imgPath}/plugins/bootstrap-3.3.5-dist/js/ie10-viewport-bug-workaround.js"></script>
	<script src="${imgPath}/js/balancemanage.js"></script>
</body>
</html>